<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
    <meta
      http-equiv="Content-Security-Policy"
      content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'"
    />
    <link href="./styles.css" rel="stylesheet" />
    <title>Hello World!</title>
  </head>
  <body>
    <h1>-------------</h1>
    We are using Node.js <span id="node-version"></span>, Chromium
    <span id="chrome-version"></span>, and Electron
    <span id="electron-version"></span>.
    <p>👋</p>
    <p id="info"></p>
    <!-- <button id="btn">打开新窗口</button> -->
    Title: <input id="title" />
    <button id="btn" type="button">Set</button>
    <button type="button" id="btn2">Open a File</button>
    File path: <strong id="filePath"></strong> Current value:
    <strong id="counter">0</strong>
    <!-- You can also require other files to run in this process -->
    <!-- <script src="./render/demo1.js"></script> -->
    <script src="./renderer.js"></script>
  </body>
</html>
